<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>Title</title>
        <link rel="stylesheet" href="../static/layui/css/layui.css"/>
        <link rel='stylesheet' href="../static/css/index.css"/>
    </head>
    <body>
        <div id="app">
            <div class="AddMsg" style="display: none">
                <div id="AddMsg_Content" style="width: 360px;height: 480px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left:-180px;margin-top:-240px;text-align: center">
                    <form class="layui-form" action="">
                        <div style="text-align: center;padding:15px;font-weight: 600">添加物品</div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">物品名：</label>
                            <div class="layui-input-inline">
                                <input id="Name" type="text" name="text"  lay-verify="required" placeholder="请输入物品名" autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">品牌：</label>
                            <div class="layui-input-inline">
                                <select id="Brand" name="city" lay-verify="required">
                                    <option value="">品牌</option>
                                    <option :value="index" v-for="(data1,index) in data1">{{data1}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">类型：</label>
                            <div class="layui-input-inline">
                                <select id="Type" name="city" lay-verify="required">
                                    <option value="">类型</option>
                                    <option :value="index" v-for="(data2,index) in data2">{{data2}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">规格：</label>
                            <div class="layui-input-inline">
                                <select id="Specifications" name="city" lay-verify="required">
                                    <option value="">规格</option>
                                    <option :value="index" v-for="(data3,index) in data3">{{data3}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">数量：</label>
                            <div class="layui-input-inline">
                                <input id="Number" type="number" name="number"  lay-verify="required" placeholder="请输入数量" autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">金额：</label>
                            <div class="layui-input-inline">
                                <input id="Price" type="number" name="number"  lay-verify="required" placeholder="请输入金额" autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">备注：</label>
                            <div class="layui-input-inline">
                                <input id="Note" type="text" name="text"  lay-verify="required" placeholder="请输入备注" autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                    </form>
                    <button id="AddMsg_But" type="button" style="width: 80%" class="layui-btn layui-btn-normal">添加</button>
                </div>
            </div>
            <div class="HeadDiv">
                <div class="HeadDiv_Title">简约仓储管理系统</div>
                <div class="HeadDiv_Time"></div>
            </div>
            <div class="ContentDiv">
                <button id="AddBut" style="width:200px" type="button" class="layui-btn layui-btn-normal">添加物品入库</button>
                <button id="OutBut" type="button" style="width:200px;display: none" class="layui-btn  layui-btn-danger">选择物品出库</button>
                <div class="layui-input-inline" style="float: right">
                    <form class="layui-form" action="">
                        <div class="layui-input-inline">
                            <input type="password" name="text"  lay-verify="required" placeholder="物品名称" autocomplete="off" class="layui-input"/>
                        </div>
                        <div class="layui-input-inline">
                            <select name="city" lay-verify="required">
                                <option value="">品牌</option>
                                <option :value="index" v-for="(data1,index) in data1">{{data1}}</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="city" lay-verify="required">
                                <option value="">类型</option>
                                <option :value="index" v-for="(data2,index) in data2">{{data2}}</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="city" lay-verify="required">
                                <option value="">规格</option>
                                <option :value="index" v-for="(data3,index) in data3">{{data3}}</option>
                            </select>
                        </div>
                        <button type="button" class="layui-btn">搜索</button>
                        <button id="recovery" type="button" class="layui-btn">复原</button>
                    </form>
                </div>
                <div>
                    <span>入库总金额：<span style='color: #ff0000'>{{w}}</span>元</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>出库总金额：<span style='color: #ff0000'>{{o}}</span>元</span>
                </div>
                <table id="DataTable" lay-filter="test"></table>
            </div>
        </div>
    </body>

    <!--   js  -->
    <script src="../static/layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>
    <script src="../static/js/index.js"></script>
</html>